/*
* 扩展CSS代码
*
*
*/
/*
	名称: 垂直 水平 居中
	用法:
	      <div class="ext-hvalign" style="width:500px"> <!-- 记得加宽度, 不要写行内样式, 这里只是一个提示 -->
	             <div class="ext-hvalign-cnt">
	                     <div class="ext-hvalign-cnt-inner">
	                           <!-- your code -->
	                     </div>
	             </div>
	      </div>
 */
.ext-hvalign{
    display:table;
    overflow:hidden;
    margin:0 auto;
    height: 100%;
    *position:relative;
}

.ext-hvalign-cnt{
    display:table-cell;
    vertical-align: middle;
    *position:absolute;
    top:50%;
}

.ext-hvalign-cnt-inner{
    *position:relative;
    *top:-50%;
}
/*end*/

/*
* 固定漂浮
*/
.ext-fixed{
    position:fixed;
}

/* 相当于正常的 position:fixed; top:0;  */
.ext-fixed-top {
    bottom:auto;
    top:0;
    _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop));
}

/* 相当于正常的 position:fixed;bottom:0px; */
.ext-fixed-bottom {
    bottom:0;
    top:auto;
    _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}

/* 相当于正常的 position:fixed;left:0px; */
.ext-fixed-left {
    left:0;
    _position:absolute;
    right:auto;
    _left:expression(eval(document.documentElement.scrollLeft));
}

/* 相当于正常的 position:fixed;right:0; */
.ext-fixed-right {
    right:0;
    left:auto;
    _right:auto;
    _left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));
}

/* 当不是 https 时，可以把 # 换成 about:blank 以提升效率 */
html,html body {
    _background-image:url('about:blank');
    _background-attachment:fixed;
}

/* hack for ie6 */
.ext-fixed-top,.ext-fixed-right,.ext-fixed-bottom,.ext-fixed-left {
    _position:absolute;
}
/*end*/

/*
* 名称: 投影 | drop shadow
*/
.ext-shadow{
    /* modern web browsers */
    -moz-box-shadow:1px 3px 12px #bbb;
    -webkit-box-shadow:1px 3px 12px #bbb;
    box-shadow:1px 3px 12px #bbb;

    /* 一定要设置background, 不然 ie 会显示在字体上 */
    background: #fff;

    /* gte=ie8 */
    -ms-filter:"progid:DXImageTransform.Microsoft.Glow(color=#aaaaaa,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10) progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=6) progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=6)";

    /* lte=ie7 */
    *filter:
    progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=7)
    progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=10)
    progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=10)
    progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=7);
}
/*end*/

/*
  @ 名称: 1像素圆角
  @ 描述: 需要自己设置宽度，或者高度，否则会随内容自适应
  @ 用法:
    最外层：.ext-rc
    内容层：.ext-rc-cnt
    鼠标经过：.ext-rc-hover
*/

/* base */
.ext-rc{
    display:inline-block;vertical-align: middle;
    border-left:1px solid #ddd;border-right:1px solid #ddd;  /* 可重设 */
}

/*
  不要直接给 BOTTON | INPUT[type=submit[button]] 添加边框
  这会引发 IE 的 1px 的黑边 bug
  Note: 一般不要把 input 作为.ext-rc-cnt 层
 */
.ext-rc-cnt{
    float:left;position: relative;
    border-top: 1px solid #ddd;border-bottom:1px solid #ddd; /* 可重设 */
    margin:-1px 0;
}

/* HACK for ie6 7 */
div.ext-rc, p.ext-rc, h2.ext-rc, h3.ext-rc, h4.ext-rc, h5.ext-rc, h6.ext-rc, ul.ext-rc, ol.ext-rc{
    *display: inline;
}

/* 鼠标经过 */
.ext-rc-hover, .ext-rc-hover .ext-rc-cnt, .ext-rc:hover, .ext-rc:hover .ext-rc-cnt{
    border-color: #aaa; /* 可重设 */
    text-decoration: none;
}
/*end*/

/*
	@名称: 	等高栏
	@用法：

	 - 等高栏的容器添加 .ext-equalheight
	 - 子元素添加 .ext-equalheight-item 可以实现等高

	  结构(例:3栏)：别忘记给每个栏加宽度
      <div class="ext-equalheight">
      	<div class="ext-equalheight-item fn-left">...</div>
      	<div class="ext-equalheight-item fn-left">...</div>
      	<div class="ext-equalheight-item fn-right">...</div>
      </div><!-- .ext-equalheight -->

*/
.ext-equalheight{
    overflow: hidden;
}

/* 等高 */
.ext-equalheight-item{
    margin-bottom: -9999px;
    padding-bottom: 9999px;
}

/*dl dt dd 模拟表格*/
.ddtable{width: 100%;position: relative;}
.ddtable dl{width:100%;}
.ddtable dt{float:left;}
.ddtable dd{float:left;padding-left:10px;position:relative;}